<template>
    <div>
        <!-- 根据不同的用户，显示不同的内容 
            员工：只能看到自己
            主管： 自己 和员工
            boss : 所有的
        
        -->
        <h2>财务</h2>
        <button v-if="showLimit=='员工' || showLimit=='主管'">员工</button>
        <button v-if="showLimit=='主管'">主管</button>
        <button v-if="showLimit=='boss'">boss</button>
        <!-- 上面这种写法不方便 -->
        <!-- <p>按钮级权限，未完成</p> -->
        <!-- 其他的模块 -->
        <!-- <Children1 v-if="changeLimit('children1')"></Children1> -->
        <!-- <Children2 v-if="changeLimit('children2')"></Children2> -->
    </div>
</template>

<script setup lang="ts">
// 1. 在财务模块 有按钮级权限

import Children1 from './Children1.vue'
import Children2 from './Children2.vue'
import { changeLimit } from '@/Directives/index'
import { ref } from 'vue';

// 获取本地的数据
let limit = sessionStorage.getItem('limit');   //这个是当前用户的权限
let showLimit= ref(limit)

// console.log(changeLimit(),1111111111);

</script>

<style></style>